<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/inde.css"/>
		<script src="lib/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/page.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/baiduTemplate.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--最上面-->
		<div class="tops">
			<ul>
				<li class="green"><span>北京 |</span><a href="#" class="tabOne">[切换城市]</a></li>
				<li class="shouye"><a href="#">同城帮首页</a></li>
				<li><a href="#" class="dL">登录</a> |</li>
				<li><a href="#" class="zc">注册</a> |</li>
				<li><a href="#">我的订单</a> |</li>
				<li><a href="#">在线客服</a><span>(9:00-21:00)</span> |</li>
				<li id="select">
					<span>
						<select name="">
							<option value="">客户服务</option>
							<option value="">帮助中心</option>
							<option value="">维修付款</option>
						</select>
					</span> |
				</li>
				<li><a href="#">论坛</a> |</li>
				<li class="lastLi"><a href="#">投诉建议</a></li>
			</ul>
			<!--城市列表-->
			<div id="cont">
				<h4><span>城市列表</span><button class="closes">关闭X</button></h4>
				<ul>
					<li class="lis">
						<span>热门</span>
						<p>
						
						</p>
					</li>
					<li class="shi">
						<h6>
							<span>拼音</span>
							
						</h6>
						<p>
							
						</p>
					</li>
				</ul>
			</div>
		</div>
		
		<!--整个页面-->
		<div id="warp">
			<!--地图模式-->
			<div id="map" >
				<div class="maps">
					<div class="mapTop">
						<span>地图模式</span>
						<button>X</button>
					</div>
					<div id="mapCenter" tabindex="0"></div>
					<div id="mapBottom"></div>
				</div>	
			</div>
			<!--注册-->
			<div id="loginin">
				<div class="zhuCe">
					<div class="title">
						<p>欢迎注册360同城帮 <a href="#">X</a></p>
					</div>
					<div class="zuo">
						<p>手机注册</p>
						<p>邮箱注册</p>
						<h6><span>已有账号,</span> <a href="#">立即登录</a></h6>
					</div>
					<div class="you">
						<span>邮箱：</span><input type="text" name="" class="ipts" id="email" value="" /><br />
						<p>请输入您的常用邮箱，<a href="#">没有邮箱？</a></p>
						<span>密码：</span><input type="password" name="" class="ipts" id="pwd" value="" /><br />
						<p>6-20个字符,区分大小写</p>
						<div class="yzm">
								<span>验证码</span>
								<input type="text" name="" id="yanZheng" value="" />
								<span class="yz"></span>
								<a href="#">换一张</a>
							</div><br />
						<button id="zhuceNow">马上注册</button><br />
						<input type="checkbox" name="" id="ty" value="" />我已经阅读并同意 <a href="#">《360用户服务条款</a>》
					</div>
				</div>
			</div>
			<!--登录-->
			<div id="login">
				<div class="dl">
					<p><b>欢迎登录360同城帮</b><a href="#">X</a></p>
					<div class="center">
						<span>账号</span><input type="text" name="" class="zhanghao" id="input" value="" placeholder="手机号/用户名/邮箱" /><br />
						<span>密码</span><input type="password" name="" class="mima" id="input" value="" placeholder="请输入您的密码" /><br />
						<input type="checkbox" name="" id="log" value="" />下次自动登录<br />
						<button id="dlNow">立即登录</button>
					</div>
					<div class="foots">
						<p><i>注册新账号</i><a href="#">忘记密码?</a></p>
					</div>
				</div>
			</div>
			<img src="img/11.png" class="hot"/>
			<!--头部-->
			<header>
				<!--导航栏-->
				<nav>
					<img src="img/7.png"/>
					<ul>
						<li>二手优品</li>
						<li>手机回收</li>
						<li>手机维修</li>
						<li>电脑维修</li>
						<li>以旧换新</li>
						<li>手机租用</li>
					</ul>
				</nav>
			</header>
			<!--轮播图左面-->
			<div id="lefts">
				<ul>
					<li><img src="img/23.png"/>修手机/Pad<span>></span></li>
					<li><img src="img/23.png"/>修电脑<span>></span></li>
					<li><img src="img/23.png"/>卖手机/电脑<span>></span></li>
					<li><img src="img/23.png"/>买二手机<span>></span></li>
				</ul>
			</div>
			<!--分类-->
			<div class="p1">
				<ul></ul>
			</div>
			<div class="li2">
					<dl class="dl1">
						<dt>热门问题:</dt>
						<dd></dd>
					</dl>
					<dl class="dl2">
						<dt>其他问题</dt>
						<dd></dd>
					</dl>
			</div>
			<div class="li3">
				
			</div>
			<div class="li4"></div>
			<!--右面-->
			<div id="rights">
				<dl>
					<dt><img src="img/8.png"/></dt>
					<dd class="d1">在线咨询</dd>
					<dd class="d2">9:00-21:00</dd>
					<dd><img src="img/10.jpg"/></dd>
					<dd class="d3">同城帮服务</dd>
				</dl>
			</div>
			<!--轮播图-->
			<section class="section1">
				<div id="banner" class="carousel slide" data-ride="carousel">
				<!--点点按钮-->
				<ol class="carousel-indicators">
					<li data-target= "#banner" data-slide-to="0" class="active"></li>
					<li data-target= "#banner" data-slide-to="1"></li>
					<li data-target= "#banner" data-slide-to="2"></li>
					<li data-target= "#banner" data-slide-to="3"></li>
					<li data-target= "#banner" data-slide-to="4"></li>
					<li data-target= "#banner" data-slide-to="5"></li>
				</ol>
				<!--图片部分-->
				<div class="carousel-inner" >
					<div class="item active">
						<img src="img/1.jpg" alt="1"/>
					</div>
					<div class="item">
						<img src="img/2.jpg" alt="2"/>
					</div>
					<div class="item">
						<img src="img/3.png" alt="3"/>
					</div>
					<div class="item">
						<img src="img/32.png" alt="4"/>
					</div>
					<div class="item">
						<img src="img/33.png" alt="5"/>
					</div>
					<div class="item">
						<img src="img/34.jpg" alt="6"/>
					</div>
				</div>
			</div>
			</section>
			<!--轮播图下图文区-->
			<section class="section2">
				<img src="img/38.jpg"/>
				<img src="img/29.jpg"/>
				<img src="img/30.png"/>
				<img src="img/31.jpg"/>
			</section>
			<div class="huisou">
				<h3>热门手机回收<span>查看更多</span></h3>
			</div>
			<!--热门手机回收-->
			<section class="section3">
				<img src="img/24.jpg" class="img1"/>
				
			</section>
			<div class="huisou">
				<h3>优品精选<span>查看更多</span></h3>
			</div>
			<!--优品精选-->
			<section class="section4">
				<img src="img/24.jpg" class="img1"/>
				
			</section>
			<div class="weixiu">
				<h3>到店维修</h3>
			</div>
			<!--底部上面-->
			<section class="section5">
				<!--下拉列表区-->
				<div class="ipt">
					<select name="sheng">
						<option>北京</option>
					</select>
					<select name="qu">
						<option>选择区县</option>
					</select>
					<input type="text" name="" id="" value="" class="ipt2" placeholder="输入您的位置查找附近商家" />
					<button>搜索</button>
				</div>
				<!--默认排序-->
				<div class="tab">
					<ul>
						<li class="li1">默认排序</li>
						<li>按成较量</li>
						<li>按人气</li>
						<li><input type="checkbox" name="" id="" value="" />先行赔付</li>
						<li class="map"><button>地图模式</button></li>
					</ul>
				</div>
				<!--店铺默认排序-->
				<div class="px">
					
				</div>
				<!--分页-->
				<div class="page">
					
				</div>
				<!--右面好评榜-->
				<div class="right">
					<div class="top">
						商家好评榜
					</div>
					<div class="haoPing">
						<div class="num">
							<b class="red">1</b>
						</div>
						<img src="img/004.jpg"/>
						<dl>
							<dt>联金诚维修中心</dt>
							<dd>121706条评论</dd>
						</dl>
					</div>
					<div class="haoPing">
						<div class="num">
							<b class="red">2</b>
						</div>
						<img src="img/004.jpg"/>
						<dl>
							<dt>顺通电脑维修</dt>
							<dd>111744条评论</dd>
						</dl>
					</div>
					<div class="haoPing">
						<div class="num">
							<b class="red">3</b>
						</div>
						<img src="img/004.jpg"/>
						<dl>
							<dt>盛宏科技CBD维修工作</dt>
							<dd>98580条评论</dd>
						</dl>
					</div>
					<div class="haoPing">
						<div class="num">
							<b>4</b>
						</div>
						<img src="img/41.jpg"/>
						<dl>
							<dt>百佳电脑维修</dt>
							<dd>50689条评论</dd>
						</dl>
					</div>
					<div class="haoPing">
						<div class="num">
							<b>5</b>
						</div>
						<img src="img/13.jpg"/>
						<dl>
							<dt>鸿翔科技（北京）有限</dt>
							<dd>32408条评论</dd>
						</dl>
					</div>
					<div class="haoPing">
						<div class="num">
							<b>6</b>
						</div>
						<img src="img/40.jpg"/>
						<dl>
							<dt>北京开天科技维修中心</dt>
							<dd>15213条评论</dd>
						</dl>
					</div>
					<div class="haoPing">
						<div class="num">
							<b>7</b>
						</div>
						<img src="img/13.jpg"/>
						<dl>
							<dt>忠信电脑维修</dt>
							<dd>12209条评论</dd>
						</dl>
					</div>
				</div>
			</section>
			<section class="section6">
				<!--底部图文区-->
				<div class="foot">
					<img src="img/18.jpg"/>
					<dl>
						<dt>购物指南</dt>
						<dd>购物流程</dd>
						<dd>帮助文档</dd>
					</dl>
				</div>
				<div class="foot">
					<img src="img/18.jpg"/>
					<dl>
						<dt>支付方式</dt>
						<dd>在线支付 当面付款</dd>
					</dl>
				</div>
				<div class="foot">
					<img src="img/20.jpg"/>
					<dl>
						<dt>售后服务</dt>
						<dd>投诉建议</dd>
						<dd>售后说明</dd>
					</dl>
				</div>
				<div class="foot">
					<img src="img/21.jpg"/>
					<dl>
						<dt>商家合作</dt>
						<dd><a href="">加盟同城帮</a></dd>
						<dd>新闻采访/跨界合作</dd>
					</dl>
				</div>
			</section>
			<!--同城帮信息区-->
			<footer>
				<h6>客服电话：4000-399-360 / 010-53767360 投诉建议 网站地图</h6>
				<p>Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心</p>
				<p>京ICP备08010314号-19    京公网安备110000000006号</p>
			</footer>
		</div>
	</body>
	<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=51dcdba626baa9d2483b4657180599be"></script>
	<script src="js/new.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/html" id="tep">
		<%for (var i=0;i<shop_data.length;i++) {%>
				<div class="paixu">
					<img src="<%=shop_data[i].shop_ico%>" />
					<dl>
						<dt><a href="#"><%=shop_data[i].shop_name%></a><div>店铺等级</div><span><img src="img/15.png"/>先行赔付</span></dt>
						<dd>主营:<%=shop_data[i].main%><span><img src="img/16.png"/>同城帮认证</span><a href="index2.html" id="inShop">进入店铺</a></dd>
						<dd><%=shop_data[i].addr%><span>人气：<%=shop_data[i].shop_visit%>次浏览</span></dd>
					</dl>
				</div>
		<%}%>
	</script>
	<script type="text/javascript">
		
	</script>
</html>
